<template>

<!--  主界面-->
<div style="height: 100%;background-color: #f2f2f2;">


  <TitleMain :userName="userName" style="position: fixed;top: 0;z-index: 1"/>
  <div style="display: flex;margin-top: 60px;width: 100%;height:100%;position: relative;background-color: #f2f2f2;">
<!--    <el-aside width="220px">-->
    <div style="position: relative;width: 231px;background-color: #f2f2f2;" >
      <SideMenu style="position: fixed;height: 200px;"  />
<!--      -->
    </div>
      <router-view   style="height: 692px" ></router-view>
    </div>
<!--    </el-aside>-->

  </div>

<!--      <el-footer>Footer</el-footer>-->
<!--</div>-->
</template>

<script>
import {get} from "../utils/request";
import SideMenu from "../components/SideMenu";
import TitleMain from "../components/TitleMain";
import bus from "../utils/Bus";
export default {
  name: "Main",
  components:{SideMenu,TitleMain},
  data(){
      return{
        userName:'',
      }
  },
  created() {

    get("/api/v1/token/test").then(resp=>{
      this.userName=resp.data
    })
    this.$router.push({name:'MainMsg'})
  },
  mounted() {
  },
  methods:{

  }
}
</script>

<style scoped>


</style>
